<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>WebGL 第一课</title>
    <style>
        html, body {
            padding: 0;
            border: 0;
            margin: 0;
            height: 100%;
        }
    </style>
    <script>
        "use strict";
        console.log("这是严格模式");
    </script>
</head>

<body>
    <div style="border-style: solid; border-width: 1px; position: absolute; margin-top: 10px; margin-left: 10px;">
        <canvas id="canvas01" width="400px" height="400px"></canvas>
    </div>
    <div style="border-style: solid; border-width: 1px; position: absolute; margin-top: 10px; margin-left: 420px;">
        <canvas id="canvas02" width="400px" height="400px"></canvas>
    </div>
    <div style="border-style: solid; border-width: 1px; position: absolute; margin-top: 10px; margin-left: 830px;">
        <canvas id="canvas03" width="400px" height="400px"></canvas>
    </div>
    <div style="border-style: solid; border-width: 1px; position: absolute; margin-top: 420px; margin-left: 10px;">
        <canvas id="canvas04" width="400px" height="400px"></canvas>
    </div>
    <div style="border-style: solid; border-width: 1px; position: absolute; margin-top: 420px; margin-left: 420px;">
        <canvas id="canvas05" width="400px" height="400px"></canvas>
    </div>
    <div style="border-style: solid; border-width: 1px; position: absolute; margin-top: 420px; margin-left: 830px;">
        <canvas id="canvas06" width="400px" height="400px"></canvas>
    </div>
    <div style="border-style: solid; border-width: 1px; position: absolute; margin-top: 830px; margin-left: 10px;">
        <canvas id="canvas07" width="400px" height="400px"></canvas>
    </div>
    <script src="webgl_01.js"></script>
    <script src="webgl_02.js"></script>
    <script src="webgl_03.js"></script>
    <script src="webgl_04.js"></script>
    <script src="webgl_05.js"></script>
    <script src="webgl_06.js"></script>
    <script src="webgl_07.js"></script>
    <script>
        window.onload = function() {
            webgl_01();
            webgl_02();
            webgl_03();
            webgl_04();
            webgl_05();
            webgl_06();
            webgl_07();
        };
    </script>
</body>

</html>